<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<title>Clover Tuan</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="./css/index.css">
	</head>

	<body style="background-color: #eff0f6">
		<div id="container">
			<nav id="nav">
				<header class="header">
					<a href="/" class="title">Clover Tuan</a>
				</header>
				<div class="ctnWrap">
					<div class="icons">
						<a href="/" target="_blank" class="nav-icn iconfont icon-dribbble"></a>
						<a href="/" target="_blank" class="nav-icn iconfont icon-behance"></a>
						<a href="/" target="_blank" class="nav-icn iconfont icon-zcool"></a>
						<a href="/" target="_blank" class="nav-icn iconfont icon-lofter"></a>
						<a href="/" target="_blank" class="nav-icn iconfont icon-instagram"></a>
					</div>
					<div class="menu">
						<a href="/" class="nav-menu z-active">BLOG</a>
						<a href="/" class="nav-menu ">PORTFOLIO</a>
						<a href="./about.html" class="nav-menu ">ABOUT</a>
					</div>
				</div>
			</nav>
			<div id="main">
				<div class="project-card">

					<div class="imgWrap">
						<img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/qc-staff/qcstaff-cover.png" alt="" />
					</div>

					<div class="ctnWrap">
						<a href="./article.html" class="title">青橙健身管理App设计总结</a>
						<section class="desc">
							为健身从业者打造的平台，支持每个健身从业者的梦想！App Store、应用宝可搜索下载
						</section>
						<p class="sub">Oct 13, 2018</p>
					</div>
				</div>

			</div>
			<footer id="footer" class="f-cf">
				d.guangying@foxmail.com

				· <a href="/" target="_blank" class="nav-icn">Dribbble</a>

				· <a href="/" target="_blank" class="nav-icn">Behance</a>

				· <a href="/" target="_blank" class="nav-icn">Zcool</a>

				· <a href="/" target="_blank" class="nav-icn">Lofter</a>

				· <a href="/" target="_blank" class="nav-icn">Instagram</a>

				<span class="copyright">All rights reserved @Clover Tuan</span>
			</footer>
		</div>
	</body>
</html>
